<% include ./public/header.ejs %>
    <link rel="stylesheet" href="/css/index.css">
    <div class="container">
        <div class="row" id="list">
            <% if(albums.length===0) {%>
                <div id="tip">
                    <h2>当前没有相册，可右键新建...</h2>
                </div>
                <% }else{ %>
                    <% for(var i=0 ; i < albums.length ; i++){ %>
                        <div class="col-xs-6 col-md-3 item">
                            <a href="<%= albums[i] %>" class="thumbnail">
                                <img src="images/dir.jpg" alt="...">
                            </a>
                            <h4>
                                <%= albums[i] %>
                            </h4>
                        </div>
                        <%}}%>
        </div>
        <div id="menu">
            <div class="createdir menu">新建相册</div>
            <div class="createdir menu">重命名</div>
            <div class="createdir menu">删除相册</div>
        </div>
        <div style="display: none">
            <div class="col-xs-6 col-md-3 item node">
                <a class="thumbnail">
                    <img src="images/dir.jpg" alt="...">
                </a>
                <div id="text-node"><input type="text" name="dirname" id="input"></div>
            </div>
        </div>
    </div>
    <script src="/js/index.js"></script>
    </body>

    </html>